<template>
  <a-tabs size="small" @change="changeTab" v-model="activeKey">
    <a-tab-pane :tab="$t('m.eform.apptable.entity.entityModel')"  key="1">
      <ActAppTableList v-bind="$attrs" v-if="activeKey == '1'"></ActAppTableList>
    </a-tab-pane>
    <a-tab-pane :tab="$t('m.eform.apptable.entity.erModel')"  key="2">
      <ActAppObjectList v-bind="$attrs" v-if="activeKey == '2'"></ActAppObjectList>
    </a-tab-pane>
  </a-tabs>
</template>

<script>

  import ActAppTableList from './ActAppTableList'
  import ActAppObjectList from './ActAppObjectList'

  export default {
    name: 'ActAppTableTab',
    components: {
      ActAppTableList,
      ActAppObjectList
    },
    data () {
      return {
        activeKey: '1'
      }
    },
    methods: {
      changeTab (activeKey) {
        this.activeKey = activeKey
      }
    }
  }
</script>
